/* 导航 */
.w {
	width: 990px;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,h6,p{
	font-size: 12px;
}
.tonglan {
	width: 100%;
	min-width: 1200px;
}

body {
	background-color: rgb(246, 246, 246);
}

.nav-wrapper {
	background-color: #323232;
}

.nav-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-left>img {
	height: 70px;
}

.nav-right>img {
	height: 70px;
}

/* footer */
.footer-wrapper{
	margin-top: 20px;
	border-top: 1px solid #fff;
}
.footer-content {
	display: flex;
	width: 1240px;
	margin: 0 auto;
}

.footer-content>div {
	height: 155px;

}

.listTop01 {
	flex: 4;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	/* background-color: red; */
	border-right: 1px solid #e3e3e3;
}
.listTop01>ul{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.listTop01>ul>li{
	width: 79px;
}
.listTop01>ul>li>div.bg-wrap{
	width: 100%;
	height: 79px;
	box-sizing: border-box;
	padding: 9px;
	background: url(http://pic.secoo.com/imagesNew/globalPic/small_tips_bg02.jpg) no-repeat center center;
}
.listTop01>ul>li>div.bg-wrap>div.bg-content{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: url(http://pic.secoo.com/imagesPic/homePic/small_tips_bg04.png) no-repeat;
	transition: box-shadow 0.6s;
}
.listTop01>ul>li:nth-of-type(1)>div.bg-wrap>div.bg-content{
	background-position: left top;
}

.listTop01>ul>li:nth-of-type(2)>div.bg-wrap>div.bg-content{
	background-position: -90px top;
}
.listTop01>ul>li:nth-of-type(3)>div.bg-wrap>div.bg-content{
	background-position: -180px top;
}
.listTop01>ul>li:nth-of-type(4)>div.bg-wrap>div.bg-content{
	background-position: -270px top;
}
.listTop01>ul>li:nth-of-type(5)>div.bg-wrap>div.bg-content{
	background-position: -360px top;
}
.listTop01>ul>li:hover>div.bg-wrap>div.bg-content{
	background-position-y:bottom;
	cursor: pointer;
	box-shadow: 2px 2px 5px 0  #c69c6d;
}
.listTop01>ul>li>p{
	text-align: center;
	padding: 5px;
}
.listTop01>ul>li>p.text>a{
	color: #999;
	font-size: 12px;
	cursor: pointer;
}
.listTop01>ul>li:hover>p.text>a{
	color: #c69c6d;
}
.listTop02 {
	flex: 3;
	box-sizing: border-box;
	border-right: 1px solid #e3e3e3;
	/* background-color: blue; */
}
.listTop02>ul{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.listTop02>ul>li{
	font-size: 12px;
	width: 106px;
	height: 130px;
	margin: 0 20px;
	text-align: center;
	background: url(http://pic.secoo.com/imagesNew/globalPic/small_tips_bg03.jpg) no-repeat  center;
	background-size: 100% 80%;
}

.listTop02>ul>li>img{
	width: 86px;
	height: 86px;
}
.listTop02>ul>li>span{
	display: block;
	color: #999;
}
.listTop03 {
	flex: 2;
	box-sizing: border-box;
	border-right: 1px solid #e3e3e3;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-color: green; */
}
.listTop03>ul{
	width: 140px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.listTop03>ul>li{
	padding: 0 8px;
}
.listTop03>ul>li>a{
	font-size: 12px;
	color: #666;
}
.listTop03>ul>li>a:hover{
	color: #000000;
}
.footer-bottom{
	text-align: center;
	color: #555;
	font-size: 13px;
}